import { component$ } from '@builder.io/qwik';
import Card, { CardBody, CardTitle } from '~/components/ui/Card';
import Input from '~/components/ui/Input';

export default component$(() => {
  return (
    <Card class="my-4">
      <CardTitle>Input</CardTitle>
      <CardBody>
        <div class="my-4">
          <Input name="xx" placeholder="Default" />
        </div>
        <div class="my-4">
          <Input name="xx" sizing="sm" placeholder="sm" />
        </div>
        <div class="my-4">
          <Input name="xx" sizing="lg" placeholder="lg" />
        </div>
      </CardBody>
    </Card>
  );
});
